<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
        <link rel="stylesheet" type="text/css" href="<html:rewrite page='/style.css'/>" id="styleFile"/>

		<title>. : Posgrado : .</title>
		
		<script type="text/javascript">
			function setFocus(){
				document.forms[0].j_username.focus();	  
			}
			
			function submitHandler() {
				if (document.getElementById("passwordInput").value != "" && document.getElementById("usernameInput").value != "") { 
					return true;
				}
				else {
					alert("Debe ingresar usuario y password");
					setFocus();
					return false;
				}
			}
			
		</script>
	</head>
	
	<body onload="setFocus();">
        <div id="wrap">
            <%-- Header tile --%>
            <div id="header">
                <h1>Posgrado FIUBA</h1>
                <h2>Sistema de gesti&oacute;n</h2>
            </div>

            <div class="middle">

                <form method="post" action="j_security_check" onsubmit="return submitHandler();">
                    <div>
                        <table width="100%">
                            <tr>
                                <td style="text-align: right;"><b>User</b></td>
                                <td><input type="text" id="usernameInput" name="j_username" maxlength="15" size="15" value="" /></td>
                            </tr>
                            <tr>
                                <td style="text-align: right;"><b>Password</b></td>
                                <td><input type="password" id="passwordInput" name="j_password" maxlength="15" size="15" /></td>
                            </tr>
                        </table>
                    </div>
                    <br/>
                    <div class="panelButton">
                    <input type="submit" class="button" value="Ingresar"/>
                    &nbsp;&nbsp;&nbsp;
                    <input type="reset" class="button" value="Cancelar"/>
                    </div>
                </form>

            </div>
        
            <div id="clear"></div>
        </div>

        <div id="footer">
        </div>
    </body>
	
</html>